@import "./bootstrap/variables.less";

// Body
@body-bg: #fff;

// Component borders
// Create a custom variable to base the border-color off the body background.
@toolkit-border-color:  darken(#f5f8fa, 10%);

// Gray Scale
@gray-lightest: #f5f8fa;


// Brand Scale
@brand-primary: #287DDE;


// Text Color
@letter-spacing-base:    0;
@line-height-base:       1.6;
@font-weight-base:       300;


// lead
@lead-font-size:      floor((@font-size-base * 1.15));
@lead-font-size-sm:   floor((@font-size-base * 1.5));
@lead-font-weight:    300;
@lead-line-height:    1.4;
@lead-letter-spacing: 0;


// Btns
@btn-font-size:      @font-size-base;
@btn-text-transform: default;
@btn-letter-spacing: none;
@btn-toolbar-divider-bg: @gray-lighter;


// z-index
@zindex-zoom:  1080;
@zindex-growl: 1090;


// navbar
@navbar-nav-active-font-weight:             inherit;


// nav bordered
@nav-bordered-color:              inherit;
@nav-bordered-color-active:       @brand-primary;
@nav-bordered-font-weight:        300;
@nav-bordered-font-weight-active: 500;


// misc colors
@headings-small-color: inherit;


// dropdowns
@dropdown-padding:        10px 0;
@dropdown-anchor-padding: 5px 20px;


// Spacing
@spacer:   20px;
@spacer-x: @spacer;
@spacer-y: @spacer;


// zoom
@zoom-overlay-bg: #fff;


// custom forms
@custom-select-color:         @input-color;
@custom-select-bg:            @input-bg;
@custom-control-indicator-bg: @input-bg;
